<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<link rel="shortcut icon" href="favicon.ico">

		<title>Sunshine Nails</title>

		<!-- Bootstrap core CSS -->
		<link href="./css/bootstrap.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->

		<!-- Custom styles for this template -->
		<link href="styles.css" rel="stylesheet">
	</head>
	<!-- NAVBAR
	================================================== -->
	<body>
		<div class="navbar navbar-default" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="./index.html">SUNSHINE NAILS</a>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li >
							<a href="./index.html">Home</a>
						</li>
						<li>
							<a href="#">Service</a>
						</li>
						<li>
							<a href="gallery.html">Gallery</a>
						</li>
						<li class="active">
							<a href="./about.html">About Us</a>
						</li>
						<li>
							<a href="./contact.html">Contact Us</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row hd-row">
				<div class="col-sm-3 alert alert-block ">
					<span class="hd-name">Today</span><span class="hd-phone" id="open-time"></span>
				</div>
				<div class="col-sm-2 alert alert-block "></div>
				<div class="col-sm-2 alert alert-block btn-book">
					BOOK NOW
				</div>
				<div class="col-sm-2 alert alert-block "></div>

				<div class="col-sm-3 alert alert-block ">
					<span>Phone</span><span class="hd-phone">703 - 780 - 8438</span>
				</div>

			</div>
		</div>
		<div class="container">
			<div class="row hl-img">
				<img src="./img/panel_aboutUs_02.jpg" class="img-responsive" title="Sun shine Nails"/>
			</div>
		</div>
		<div class="container introduction-text-block">
			<div class="col-lg-3 col-sm-6"></div>
			<div class="col-lg-6 col-sm-6">
				<span class="instroduction-text text-justify">
					<p class="text-center">
						Nail service is committed to the health and beauty of individuals.
					</p>
					<p class="text-center">
						We believe that perfect beauty is different for every person.
					</p></span>
			</div>
			<div class="col-lg-3 col-sm-6"></div>
		</div>
		<div class="container">
			<div class="row ft-row border-bt">
				<div class="col-sm-6 col-1">

					<p class="text-justify">
						Welcome to Sunshine Nails and Spa.
					</p>
					<p class="text-justify">
						Let us help you choose the treatment that is just right for you. Here we offer a complete selection of nail, facial and body treatments.

						Come and step into our beautifully decorated environment, enjoy upbeat music, and socialize with friends seated side by side while being treated to exquisite manicures and pedicures.

						Owner Vicky and her staff of beauty consultants are licensed and meet the highest possible standards. Each member of the staff has been selected for their professional demeanor and exceptional talent.

						Sunshine Nails & Spa offers a complete selection of body and skin treatments, including facials, waxing, permanent make-up application and eyelash extensions.

						Our goal at Sunshine Nails & Spa, is for you to come out of here feeling beautiful, radiant and renewed!
					</p>

				</div><!-- /.col-lg-4 -->
				<div class="col-sm-1 col-2"></div>
				<div class="col-sm-5 col-2">
					<img class="img-responsive" src="./img/panel_aboutUs_03.png" alt="Sun shine Nails">

				</div><!-- /.col-lg-4 -->

			</div><!-- /.row -->
			<footer>
				<p class="pull-right">
					<a href="#">Back to top</a>
				</p>
				<p>
					Copyright &copy; 2014 Sunshine Nails
				</p>
				<p>
					8332-B Richmond Hwy, Alexandria, Virginia
				</p>
				<p>
					703-780-8438
				</p>

			</footer>
		</div><!-- /.container -->

		<!-- Bootstrap core JavaScript
		================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
		<script src="./js/bootstrap.min.js"></script>
		<!--<script src="./js/docs.min.js"></script>-->
		<script type="text/javascript">
			$(document).ready(function() {
				var d = new Date();
				var n = d.getDay();
				if (n == 0) {
					$("#open-time").text('11:00 AM - 6:00 PM');
				} else if (n == 6) {
					$("#open-time").text('9:00 AM - 7:00 PM');
				} else {
					$("#open-time").text('10:00 AM - 8:00 PM');
				}
			});
		</script>
	</body>
</html>
